<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>工资条</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script src="js/jquery-1.10.1.min.js"></script>
	<link rel="stylesheet" href="css/mui.min.css">
	<link rel="stylesheet" href="css/css.css">
	<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" onClick="javascript:history.back(-1);"></a>
	<h1 class="mui-title">我的反馈</h1>
</header>
<div class="mui-content" id="pullrefresh">
	<div class="item_box">
		<div class="i_b_title">2022年12月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title active">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content show">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年11月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年10月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年11月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年10月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年11月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年10月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年11月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年10月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="item_box">
		<div class="i_b_title">2022年10月基本工资</div>
		<div class="mui-card yw_item_box">
			<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>
			<div class="mui-card-content list_content">
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
				<div class="item">
					<div class="yw_q">
						<span class="icon">Q</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
					<div class="yw_a">
						<span class="icon">A</span>
						<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>
						<p class="time">20分钟前</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
$(document).on('click','.list_title',function(){
	if($(this).hasClass('active')){
		$(this).removeClass('active').siblings('.list_content').removeClass('show')
	}else{
		$(this).addClass('active').siblings('.list_content').addClass('show')
	}
})
var stop = true;
var start = 0;
function getData(){
	//alert(222)
	var html = '';
	for(var i=0;i<10;i++){
		html += '<div class="item_box">'+
			'<div class="i_b_title">2022年10月基本工资</div>'+
			'<div class="mui-card yw_item_box">'+
				'<div class="mui-card-header list_title">反馈记录<span class="mui-icon mui-icon-arrowup"></span></div>'+
				'<div class="mui-card-content list_content">'+
					'<div class="item">'+
						'<div class="yw_q">'+
							'<span class="icon">Q</span>'+
							'<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>'+
							'<p class="time">20分钟前</p>'+
						'</div>'+
						'<div class="yw_a">'+
							'<span class="icon">A</span>'+
							'<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>'+
							'<p class="time">20分钟前</p>'+
						'</div>'+
					'</div>'+
					'<div class="item">'+
						'<div class="yw_q">'+
							'<span class="icon">Q</span>'+
							'<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>'+
							'<p class="time">20分钟前</p>'+
						'</div>'+
						'<div class="yw_a">'+
							'<span class="icon">A</span>'+
							'<div class="text">最报命使得今件处战地总拉别教便万量真图华号米号布领议表况小正便她强现写感支条能与边感。</div>'+
							'<p class="time">20分钟前</p>'+
						'</div>'+
					'</div>'+
				'</div>'+
			'</div>'+
		'</div>'
		start++;
	}
	stop = true;
	$('#pullrefresh').append(html);
}
$(window).scroll(function(){
		if($(document).width()<961){
			var scrollTop = parseFloat($(window).scrollTop());   //滚动条距离顶部的高度
			var scrollHeight = $(document).height();             //当前页面的总高度
			var clientHeight = parseFloat($(window).height());   //当前可视的页面高度
			var totalheight=scrollTop + clientHeight;
			if($(document).height() <= totalheight){
				if(stop == true){
					stop = false;
					getData();
				}
			}
		}
	})
</script>
</body>
</html>